Ext.define("Dict.view.Viewport", {
    extend : "Ext.container.Viewport",
    layout : 'fit',
    requires : [
            "Dict.view.article.Main",//
            "Dict.view.article.Edit", //
            "Dict.view.article.Find",//
            "Dict.view.article.List" //
    ],
    items : [
	    {
	        xtype : 'panel',
	        // layout : "hbox",
	        title : "Dictionary",
	        // html : 'List of user will go here'
	        items : [
		        {
		            xtype : "panel",
		            layout : "hbox",
		            items : [
		                    {
		                        xtype : "tabpanel",
		                        title : "Left panel",
		                        flex : 1,
		                        items : [
		                                {
			                                xtype : "panel",
		                                }, {
			                                xtype : "panel",
		                                }, {
			                                xtype : "panel",
		                                }
		                        ]
		                    }, {
		                        xtype : "articlemain",
		                        title : "Panel 2",
		                        flex : 1
		                    }, {
		                        xtype : "panel",
		                        title : "Right panel",
		                        flex : 1
		                    }
		            ]
		        }
	        ]
	    }
    ],

    initComp1onent : function() {
	    console.log("Viewport.initComponent");
	    this.callParent();
	    console.log("Viewport.initComponent complete");
    }
});
